<template>
  <div>
    <el-row :gutter="15">
      <el-form
        ref="elForm"
        width="600px"
        :model="form"
        size="medium"
        label-width="100px"
      >
        <el-col :span="24">
          <el-form-item
            label="设备位置"
            placeholder="省级/市级/县级/街道（乡镇）"
          >
            <el-input v-model="form.sDevicePosition"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="地点信息" placeholder="AAA-BBB">
            <el-input v-model="form.sLocationInfo"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="经度" placeholder="请输入经度">
            <el-input v-model="form.sLongitude"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="纬度" placeholder="请输入纬度">
            <el-input v-model="form.sLatitude"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="厂家编码" placeholder="请输入厂家编码">
            <el-input v-model="form.sManufacturerIdNumber"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item>
            <el-button type="primary" @click="onSubmit">保存</el-button>
          </el-form-item>
        </el-col>
      </el-form>
      <div class="tips">
        <div style="color: #f00">*说明：</div>
        1、地点信息
        用于标识图像产生地的本地信息，即在辖区内的当地称谓。地点信息应不多 于 16
        个字符。
        在视频会议系统中，如果辖区内存在多个视频会议室或桌面视频会议终端时，
        需要标注各会议室或桌面终端的位置。若辖区内只有单一会议室或桌面终端时，
        不需标注地点信息；会议室内有多个摄像机时，可以不对每个摄像机单独进行标
        识。 在监控系统中，图像产生的地点，分为交叉路口、其它位置两类。
        （1）交叉路口 命名方式采用 AAA－BBBn 格式，其中 AAA 为主干道名称，BBB
        为次干道名称， n 为数字表示的该路口的摄像机编号，如果只有 1
        个摄像机，不需要标识 n。无 法分清主、次干道时，AAA 为东西方向道路名，BBB
        为南北方向道路名。如东西
        方向路口两边为不同路口时，取路口朝东方向路名，南北方向路口两边为不同路
        口时，取路口朝南方向路名。多叉路口选取主要两个方向的路名。如路口有规范
        命名或约定俗成的名称，可参照 （2） 方法命名。 （2） 其它位置 命名采用
        AAA－BBBn 方式，其中 AAA 所在道路名或单位、广场名，BBB
        为进一步详细描述，n 表示该处第 n 个摄像机, 如只有 1
        个，不需要列在命名中。 进行地点信息标注时，AAA、BBB 长度应不多于 6
        个汉字。
      </div>
    </el-row>
  </div>
</template>

<script>
import { getGpsInfoApi, editGpsInfoApi } from "@/api/intelligent";
export default {
  name: "MvCloudgateTerminalGpsInfo",

  data() {
    return {
      form: {
        sDevicePosition: "",
        sLocationInfo: "",
        sLongitude: "",
        sLatitude: "",
        sManufacturerIdNumber: "",
      },
    };
  },
  created() {
    this.getGpsInfo();
  },
  mounted() {},
  methods: {
    getGpsInfo() {
      getGpsInfoApi().then((res) => {
        // console.log(res);
        this.form = { ...res };
      });
    },
    onSubmit() {
      editGpsInfoApi(this.form).then((res) => {
        console.log(res);
        this.$message.success("保存成功");
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.tips {
  padding: 0 100px;
}
</style>
